
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Apez | Sweat Alerts</title>
    <link rel="icon" type="image/x-icon" href="images/favicon.png">
    
    <!-- Switcher CSS -->
    <link rel="stylesheet" href="assets/plugin/switchery/switchery.min.css" />
    <!-- Sweetalert CSS -->
    <link rel="stylesheet" href="assets/plugin/sweetalert/sweetalert.css" />
    <!-- Custom Stylesheet -->
    <link rel="stylesheet" href="dist/css/style.css" />

</head>
<body>

    <!-- Main Container -->
    <div id="main-wrapper">
        <!-- Menu Wrapper -->
        <div class="menu-wrapper">
            <div class="menu">
                <!-- Logo Container -->
                <div id="logo">
                    <div class="tbl-cell logo-icon">
                        <a href="#"><img src="images/icon.png" alt=""></a>
                    </div>
                    <div class="tbl-cell logo">
                        <a href="#"><img src="images/logo.png"></a>
                    </div>
                </div>
                <!-- Menu Container -->
                <ul>
                    <li class="menu-title">Main</li>
                    <li>
                        <a class="left-menu-dropdown active"><i class="icon-screen-desktop"></i><span>Dashboard</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="index.html"><span>Dashboard 1</span></a>
                            </li>
                            <li>
                                <a href="index-1.html"><span>Dashboard 2</span></a>
                            </li>
                            <li>
                                <a href="index-2.html"><span>Dashboard 3</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-title">App</li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-frame"></i><span>Chat App</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="chat-app.html"><span>Chat App</span></a>
                            </li>
                            <li>
                                <a href="tickets-main.html"><span>Support Ticket</span></a>
                            </li>
                            <li>
                                <a href="ticket-detail.html"><span>Ticket Detail</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-envelope-letter"></i><span>Mail App</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="mailbox-main.html"><span>Mail Box</span></a>
                            </li>
                            <li>
                                <a href="mailbox-compose.html"><span>Compose Mail</span></a>
                            </li>
                            <li>
                                <a href="mailbox-details.html"><span>Mail Detail</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-title">Components</li>
                    <li class="active">
                        <a class="left-menu-dropdown"><i class="icon-layers"></i><span>UI Elements</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="colors.html"><span>Colors</span></a>
                            </li>
                            <li>
                                <a href="alerts.html"><span>Alerts</span></a>
                            </li>
                            <li>
                                <a href="icons.html"><span>Icons</span></a>
                            </li>
                            <li>
                                <a href="modals.html"><span>Modals</span></a>
                            </li>
                            <li>
                                <a href="panel.html"><span>Panel</span></a>
                            </li>
                            <li>
                                <a href="progressbars.html"><span>Progress Bars</span></a>
                            </li>
                            <li>
                                <a href="portlet.html"><span>Portlets</span></a>
                            </li>
                            <li>
                                <a href="scrollable.html"><span>Scrollable</span></a>
                            </li>
                            <li>
                                <a href="session-timeout.html"><span>Session Timeout</span></a>
                            </li>
                            <li>
                                <a href="spinners.html"><span>Spinners</span></a>
                            </li>
                            <li>
                                <a href="sweat-alerts.html"><span>Sweat Alerts</span></a>
                            </li>
                            <li>
                                <a href="switches.html"><span>Switches</span></a>
                            </li>
                            <li>
                                <a href="tabs.html"><span>Tabs</span></a>
                            </li>
                            <li>
                                <a href="toastr.html"><span>Toastr</span></a>
                            </li>
                            <li>
                                <a href="tooltip.html"><span>Tooltips</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-note"></i><span>Forms</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="form-basic.html"><span>Basic Form</span></a>
                            </li>
                            <li>
                                <a href="form-layout.html"><span>Form Layout</span></a>
                            </li>
                            <li>
                                <a href="form-mask.html"><span>Form Mask</span></a>
                            </li>
                            <li>
                                <a href="file-upload.html"><span>File Upload</span></a>
                            </li>
                            <li>
                                <a href="form-summernote.html"><span>SummerNote Editor</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-cloud-download"></i><span>Buttons</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="button-bootstrap.html"><span>Bootstrap Buttons</span></a>
                            </li>
                            <li>
                                <a href="button-material.html"><span>Material Buttons</span></a>
                            </li>
                            <li>
                                <a href="button-air.html"><span>Air Buttons</span></a>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-screen-tablet"></i><span>Tables</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="tables.html"><span>Basic Tables</span></a>
                            </li>
                            <li>
                                <a href="datatables.html"><span>Datatables</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-emotsmile"></i><span>Timeline</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="timeline-1.html"><span>Timeline 1</span></a>
                            </li>
                            <li>
                                <a href="timeline-2.html"><span>Timeline 2</span></a>
                            </li>
                            <li>
                                <a href="timeline-3.html"><span>Timeline 3</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-puzzle"></i><span>Widgets</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="widget-general.html"><span>General Widgets</span></a>
                            </li>
                            <li>
                                <a href="widget-chart.html"><span>Chart Widgets</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-calendar"></i><span>Calendar</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="calendar-1.html"><span>Basic Calendar</span></a>
                            </li>
                            <li>
                                <a href="calendar-2.html"><span>List View Calendar</span></a>
                            </li>
                            <li>
                                <a href="calendar-3.html"><span>External Event Calendar</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-chart"></i><span>Charts</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="charts-morris.html"><span>Morris Charts</span></a>
                            </li>
                            <li>
                                <a href="charts-chartjs.html"><span>Chartjs Charts</span></a>
                            </li>
                            <li>
                                <a href="charts-sparkline.html"><span>Sparkline Charts</span></a>
                            </li>
                            <li>
                                <a href="charts-knob.html"><span>knob Charts</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-title">Pages</li>
                    <li>
                        <a href="pricing-table.html"><i class="icon-calculator"></i><span>Pricing Table</span></a>
                    </li>
                    <li>
                        <a href="invoice.html"><i class="icon-wallet"></i><span>Invoice</span></a>
                    </li>
                    <li>
                        <a href="faq.html"><i class="icon-plus"></i><span>Faq</span></a>
                    </li>
                    <li>
                        <a class="left-menu-dropdown"><i class="icon-compass"></i><span>Custom Pages</span><i class="fa fa-angle-down"></i></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="login-1.html"><span>Login 1</span></a>
                            </li>
                            <li>
                                <a href="login-2.html"><span>Login 2</span></a>
                            </li>
                            <li>
                                <a href="error-403.html"><span>Error 403</span></a>
                            </li>
                            <li>
                                <a href="error-404.html"><span>Error 404</span></a>
                            </li>
                            <li>
                                <a href="error-503.html"><span>Error 503</span></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- Main Page Wrapper -->
        <div class="page-wrapper">
            <!-- Page header -->
            <div class="page-hdr">
                <div class="row align-items-center">
                    <div class="col-6 page-hdr-left">
                        <div class="mobile-logo">
                            <a href="#"><img src="images/logo.png" alt=""></a>
                        </div>
                        <div class="menu-icon">
                            <a class="animated menu-close"><i class="far fa-hand-point-left"></i></a>
                        </div>
                        <div class="page-search">
                            <input type="text" placeholder="Search your key....">
                        </div>
                    </div>
                    <div class="col-6 page-hdr-right">
                        <div class="page-hdr-desktop">
                            <div class="page-menu">
                                <a class="open-sidebar-right"><i class="icon-settings"></i><span></span></a>
                            </div>
                            <div class="page-menu menu-dropdown-wrapper menu-quick-links">
                                <a><i class="icon-grid"></i></a>
                                <div class="menu-dropdown menu-dropdown-right menu-dropdown-push-right">
                                    <div class="arrow arrow-right"></div> 
                                    <div class="menu-dropdown-inner">
                                        <div class="menu-dropdown-head">Quick Links</div>
                                        <div class="menu-dropdown-body p-0">
                                            <div class="row m-0 box">
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-emotsmile"></i>
                                                        <span>New Contact</span>
                                                    </a>
                                                </div>
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-docs"></i>
                                                        <span>New Invoice</span>
                                                    </a>
                                                </div>
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-calculator"></i>
                                                        <span>New Quote</span>
                                                    </a>
                                                </div>
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-rocket"></i>
                                                        <span>New Expense</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="page-menu menu-dropdown-wrapper menu-user">
                                <a><i class="icon-user-following"></i></a>
                                <div class="menu-dropdown menu-dropdown-right menu-dropdown-push-right">
                                    <div class="arrow arrow-right"></div> 
                                    <div class="menu-dropdown-inner">
                                        <div class="menu-dropdown-head pb-3">
                                            <div class="tbl-cell">
                                                <img src="uploads/author-1.jpg" alt="">
                                                <!-- <i class="fa fa-user-circle"></i> -->
                                            </div>
                                            <div class="tbl-cell pl-2 text-left">
                                                <p class="m-0 font-18">John Doe</p>
                                                <p class="m-0 font-14">Demonstration</p>
                                            </div>
                                        </div>
                                        <div class="menu-dropdown-body">
                                            <ul class="menu-nav">
                                                <li><a href="#"><i class="icon-event"></i><span>My Events</span></a></li>
                                                <li><a href="#"><i class="icon-notebook"></i><span>My Notes</span></a></li>
                                                <li><a href="#"><i class="icon-user"></i><span>My Profile</span></a></li>
                                                <li><a href="#"><i class="icon-globe-alt"></i><span>Client Portal</span></a></li>
                                            </ul>
                                        </div>
                                        <div class="menu-dropdown-footer text-right">
                                            <a href="#" class="btn btn-outline btn-primary btn-pill btn-outline-2x font-12 btn-sm">Logout</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="page-hdr-mobile">
                            <div class="page-menu open-mobile-search">
                                <a href="#"><i class="icon-magnifier"></i></a>
                            </div>
                            <div class="page-menu open-left-menu">
                                <a href="#"><i class="icon-menu"></i></a>
                            </div>
                            <div class="page-menu oepn-page-menu-desktop">
                                <a href="#"><i class="icon-options-vertical"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Page Title -->
            <div class="page-title">
                <div class="row align-items-center">
                    <div class="col-sm-6">
                        <h2 class="page-title-text">Sweat Alerts</h2>
                    </div>
                    <div class="col-sm-6 text-right">
                        <div class="breadcrumbs">
                            <ul>
                                <li><a href="#">Home</a></li>
                                <li>Sweat Alerts</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Page Body -->
            <div class="page-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Basic Alert</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Simple message with ok button</p>
                                <button id="sweetalert-1" class="btn btn-info">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Title with Text</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Simple message with Title</p>
                                <button id="sweetalert-2" class="btn btn-primary">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Automatically Close Alert</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Auto close alert with title and message</p>
                                <button id="sweetalert-7" class="btn btn-secondary">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Image Alert</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Alert with Image, title, Message and Button.</p>
                                <button id="sweetalert-6" class="btn btn-dark">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Success Alert</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Success alert with Icon, Title and ok button.</p>
                                <button id="sweetalert-3" class="btn btn-success">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Confirm Alert</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Confirm Alert with Success message after confirmation</p>
                                <button id="sweetalert-4" class="btn btn-warning">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-head">
                                <h5 class="panel-title">Advanced Confirm Alert</h5>
                            </div>
                            <div class="panel-body text-center">
                                <p class="text-muted mb-3">Confirm Alert with Success message and Cancelled message after confirmation and cancel</p>
                                <button id="sweetalert-5" class="btn btn-danger">Lauch Alerts</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Page Footer -->
            <div class="page-ftr">
                <div class="">© 2018. Apez Admin by ManasaTheme</div>
            </div>
        </div>
    </div>
    <!-- Sidebar Section -->
    <div class="sidebar sidebar-right">
        <div class="sidebar-close"><i class="icon-close"></i></div>
        <div class="content">
            <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-primary">
                <li class="nav-item">
                    <a class="nav-link active" href="#sidebar-member" data-toggle="tab">Member</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebar-setting" data-toggle="tab">Settings</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebar-log" data-toggle="tab">Logs</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="sidebar-member">
                    <div class="pl-2 pr-2">
                        <div class="box-title pb-3">Premium Member</div>
                        <div class="user-list br-bottom-1x pb-4">
                            <ul>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-1.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Steve Soren</a>
                                        <p>Lead Developer at Ipos.</p>
                                    </div>
                                    <div class="tbl-cell follow">
                                        <a href="#" class="btn btn-outline btn-info btn-pill btn-outline-1x btn-sm">Follow</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-2.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Cheri Aria</a>
                                        <p>Photographer and Lead Designer.</p>
                                    </div>
                                    <div class="tbl-cell follow">
                                        <a href="#" class="btn btn-info btn-pill btn-sm">Following</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-3.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Daniel Barnes</a>
                                        <p>Manager at IT park.</p>
                                    </div>
                                    <div class="tbl-cell follow">
                                        <a href="#" class="btn btn-outline btn-info btn-pill btn-outline-1x btn-sm">Follow</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-4.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Janet Collins</a>
                                        <p>Developer at atios.</p>
                                    </div>
                                    <div class="tbl-cell follow">
                                        <a href="#" class="btn btn-outline btn-info btn-pill btn-outline-1x btn-sm">Follow</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="box-title pt-3 pb-3">Users</div>
                        <div class="user-list">
                            <ul>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-1.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Steve Soren</a>
                                        <p>Lead Developer at Ipos.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-2.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Cheri Aria</a>
                                        <p>Photographer and Lead Designer.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-3.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Daniel Barnes</a>
                                        <p>Manager at IT park.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="tbl-cell image">
                                        <img src="uploads/team-4.jpg" alt="">
                                    </div>
                                    <div class="tbl-cell content">
                                        <a>Janet Collins</a>
                                        <p>Developer at atios.</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="sidebar-setting">
                    <div class="pl-2 pr-2">
                        <div class="box-title pb-3">General Setting</div>
                        <div class="setting-list">
                            <ul>
                                <li class="item">
                                    <div class="label">Email Notifications</div>
                                    <div class="control"><input type="checkbox" checked class="js-switch" data-color="#13dafe" /></div>
                                </li>
                                <li class="item">
                                    <div class="label">Comment auto Publish</div>
                                    <div class="control"><input type="checkbox" class="js-switch" data-color="#13dafe" /></div>
                                </li>
                                <li class="item">
                                    <div class="label">Review Auto Publish</div>
                                    <div class="control"><input type="checkbox" checked class="js-switch" data-color="#13dafe" /></div>
                                </li>
                                <li class="item">
                                    <div class="label">Post Setting</div>
                                    <div class="control"><input type="checkbox" class="js-switch" data-color="#13dafe" /></div>
                                </li>
                                <li class="item">
                                    <div class="label">Cron Log</div>
                                    <div class="control"><input type="checkbox" class="js-switch" data-color="#13dafe" /></div>
                                </li>
                                <li class="item">
                                    <div class="label">Email Log</div>
                                    <div class="control"><input type="checkbox" checked class="js-switch" data-color="#13dafe" /></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="sidebar-log">
                    <div class="pl-2 pr-2">
                        <div class="box-title pb-3">Server and Application Logs</div>
                        <ul class="timeline">
                            <li>
                                <div class="time"><small>Just Now</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">21 new users registered </div>
                                </a>
                            </li>
                            <li>
                                <div class="time"><small>11 mins</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">New invoice generated <span class="badge badge-danger badge-pill badge-sm">Unpaid</span></div>
                                </a>
                            </li>
                            <li>
                                <div class="time"><small>15 mins</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">Cron Job Completed</div>
                                </a>
                            </li>
                            <li>
                                <div class="time"><small>20 mins</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">Server Restarted <span class="badge badge-success badge-pill badge-sm">Resolved</span></div>
                                </a>
                            </li>
                            <li>
                                <div class="time"><small>25 mins</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">New order received</div>
                                </a>
                            </li>
                            <li>
                                <div class="time"><small>30 mins</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">New ticket created <span class="badge badge-warning badge-pill badge-sm">High</span></div>
                                </a>
                            </li>
                            <li>
                                <div class="time"><small>35 mins</small></div>
                                <a href="" target="_blank" class="timeline-container">
                                    <div class="arrow"></div>
                                    <div class="description">Payment Made by client $350.</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- End Sidebar Section -->

    <!-- Include js files -->
    <!-- jQuery Library -->
    <script type="text/javascript" src="assets/plugin/jquery/jquery-3.3.1.min.js"></script>
    <!-- Popper Plugin -->
    <script type="text/javascript" src="assets/plugin/popper/popper.min.js"></script>
    <!-- Bootstrap Framework -->
    <script type="text/javascript" src="assets/plugin/bootstrap/bootstrap.min.js"></script>
    <!-- Switchery Plugin -->
    <script type="text/javascript" src="assets/plugin/switchery/switchery.min.js"></script>
    <!-- Tippy Plugin -->
    <script type="text/javascript" src="assets/plugin/tippy/tippy.all.min.js"></script>
    <!-- Toastr Plugin -->
    <script type="text/javascript" src="assets/plugin/toastr/toastr.js"></script>
    <!-- Sweetalert Plugin -->
    <script type="text/javascript" src="assets/plugin/sweetalert/sweetalert.js"></script>
    <!-- Custom Script Plugin -->
    <script type="text/javascript" src="dist/js/custom.js"></script>
    <script>
        $(document).ready(function() {
            $('body').on('click', '#sweetalert-1', function () {
                swal("Here's a message!");
            });
            $('body').on('click', '#sweetalert-2', function () {
                swal("Here's a message!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed.");
            });
            $('body').on('click', '#sweetalert-3', function () {
                swal("Good job!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed.", "success");
            });
            $('body').on('click', '#sweetalert-4', function () {
                swal({   
                    title: "Are you sure?",   
                    text: "You will not be able to recover this imaginary file!",   
                    type: "warning",   
                    showCancelButton: true,   
                    confirmButtonColor: "#DD6B55",   
                    confirmButtonText: "Yes, delete it!",   
                    closeOnConfirm: false 
                }, function(){   
                    swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
                });
            });
            $('body').on('click', '#sweetalert-5', function () {
                swal({   
                    title: "Are you sure?",   
                    text: "You will not be able to recover this imaginary file!",   
                    type: "warning",   
                    showCancelButton: true,   
                    confirmButtonColor: "#DD6B55",   
                    confirmButtonText: "Yes, delete it!",   
                    cancelButtonText: "No, cancel plx!",   
                    closeOnConfirm: false,   
                    closeOnCancel: false 
                }, function(isConfirm){   
                    if (isConfirm) {     
                        swal("Deleted!", "Your imaginary file has been deleted.", "success");   
                    } else {     
                        swal("Cancelled", "Your imaginary file is safe :)", "error");   
                    } 
                });
            });
            $('body').on('click', '#sweetalert-6', function () {
                swal({   
                    title: "Govinda!",   
                    text: "Recently joined twitter",   
                    imageUrl: "uploads/card-1.jpg" 
                });

            });
            $('body').on('click', '#sweetalert-7', function () {
                swal({   
                    title: "Auto close alert!",   
                    text: "I will close in 2 seconds.",   
                    timer: 2000,   
                    showConfirmButton: false
                });
            });
            $('body').on('click', '#sweetalert-8', function () {
                swal({
                    title: "A wild Pikachu appeared! What do you want to do?", 
                    closeOnCancel: false,
                    showCancelButton: true,   
                    confirmButtonColor: "#DD6B55",   
                    confirmButtonText: "Yes, delete it!",   
                    cancelButtonText: "No, cancel plx!",
                    closeOnConfirm: false,   
                    closeOnCancel: false,
                }, function(isConfirm){   
                    switch (isConfirm) {

                        case "defeat":
                        swal("Pikachu fainted! You gained 500 XP!");
                        break;

                        case "catch":
                        swal("Gotcha!", "Pikachu was caught!", "success");
                        break;

                        default:
                        swal("Got away safely!");
                    }
                });
            });
        });
    </script>
</body>
</html>